<template>
  <el-table
  <div>
    :data="tdata"
    border
    style="width: 100%">
    <el-table-column
      prop="id"
      label="编号"
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="180">
    </el-table-column>
    <el-table-column
      prop="phone"
      label="电话"
      width="180">
    </el-table-column>
    <el-table-column
      prop="email"
      label="邮箱"
      width="180">
    </el-table-column>
    <el-table-column
      prop="createTime"
      label="日期"
      width="180">
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址">
    </el-table-column>
  </el-table>


  <el-pagination
    background
    layout="sizes,prev, pager, next"
    :total="total"
    align="right"
    :current-page="currentPage"
    :page-size="pageSize"
    @current-change="goPage"
    :page-sizes="[5, 10, 15, 20]">
  </el-pagination>
  </div>
</template>

<script>
export default {
  name: "MyTable",
  data(){
    return{
      tdata:[],
      currentPage:1,
      pageSize:10,
      total:0
    }
  },
  mounted() {
    // 发送请求
    this.list();
  },methods(){
    // 函数
  },computed(){
    //计算函数
  },list(){
    axios.post("/user/list",{"currentPage":this.currentPage,"pageSize":this.pageSize})
      .then(result=>{
        this.tData = result.data.data;
        this.total = result.data.totals;
      })
      .catch(error=>{
        console.log(error);
        alert("系统繁忙，请稍后重试！")
      })

  }
}
</script>

<style scoped>

</style>
